<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <meta name="description"
    content="惠州亿纬锂能股份有限公司（简称：亿纬锂能）成立于2001年，于2009年在深圳创业板首批上市，历经23年快速发展，已成为具有全球竞争力的锂电池平台公司，同时拥有消费电池和动力电池核心技术和全面解决方案，产品广泛应用于物联网、能源互联网领域。（股票代码：300014）">
  <meta name="keywords" content="亿纬锂能官方商城、亿纬锂能自营商城、亿纬锂能品牌直营商城">
  <link rel="stylesheet" href="/css/animate.css" />
  <link rel="stylesheet" href="/css/bootstrap.min.css" />
  <link rel="stylesheet" href="/css/reset.css" />
  <link rel="stylesheet" href="/css/header.css">
  <link rel="stylesheet" href="/static/layui/css/layui.css">
  <link rel="stylesheet" href="/css/personalCenter.css">
  <link rel="stylesheet" href="/css/iconfont.css">
  <!-- <link rel="stylesheet" href="https://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css"> -->

  </link>

  <script src="/js/jq.js"></script>
  <script src="/js/swiper-bundle.min.js"></script>
  <script src="/static/layui/layui.all.js" charset="utf-8"></script>
  <!-- <script src="https://code.jquery.com/ui/1.10.4/jquery-ui.js"></script> -->

  <!-- <script src="/js/element.js"></script> -->
  <title>个人中心-</title>
</head>

<body>

  <div class="header">

  </div>
  <div class="main ">
    <div class="container ">
      <div class="row ">
        <div class="col-md-3 gx-card gx-flex user-tab">
          <div class="user-item  user-item-active">
            <div class="user-item-icon ">
              <img src="./image/icon/账户信息.png" alt="">
            </div>
            <div class="user-item-title gx-flex-c-c">
              账户信息
            </div>
          </div>
          <div class="user-item ">
            <div class="user-item-icon">
              <img src="./image/icon/我的收藏.png" alt="">
            </div>
            <div class="user-item-title gx-flex-c-c">
              我的收藏
            </div>
          </div>
          <div class="user-item ">
            <div class="user-item-icon">
              <img src="./image/icon/意向清单.png" alt="">
            </div>
            <div class="user-item-title gx-flex-c-c">
              意向清单
            </div>
          </div>
          <div class="user-item ">
            <div class="user-item-icon">
              <img src="./image/icon/浏览记录.png" alt="">
            </div>
            <div class="user-item-title gx-flex-c-c">
              浏览记录
            </div>
          </div>
          <div class="user-item ">
            <div class="user-item-icon">
              <img src="./image/icon/退出登录.png" alt="">
            </div>
            <div class="user-item-title gx-flex-c-c">
              退出登录
            </div>
          </div>
        </div>
        <div class="col-md-9 ">
          <div class="gx-card    user-card p-l-r-20">
            <div class="user-card-title fs-20">
              账户信息
            </div>
            <div class="user-table  ">
              <div class="user-row">
                <div class="user-col-title border-n-b border-n-l">
                  账号
                </div>
                <div class="user-col-title border-n-b border-n-l">
                  姓名
                </div>
                <div class="user-col-title border-n-l">
                  手机号码
                </div>
              </div>
              <div class="user-row user-row1">
                <div class="user-col-column border-n-b border-n-l">
                  <div class="user-col-l">
                    id
                  </div>
                  <div class="user-col-r color ">
                    修改密码
                  </div>
                </div>
                <div class="user-col-column border-n-b border-n-l">
                  <div class="user-col-l">
                    先生
                  </div>
                  <div class="user-col-r color ">
                    修改姓名
                  </div>
                </div>
                <div class="user-col-column  border-n-l ">
                  <div class="user-col-l">
                    130****1234
                  </div>
                  <div class="user-col-r color ">
                    修改姓名
                  </div>
                </div>
              </div>

            </div>

          </div>
          <div class="gx-card    user-card " style="display: none;">
            <div class="user-card-title fs-20">
              我的收藏
            </div>
            <div class="goods p-l-r-20">

              <div class="cart-item-container">
                <div class="label-box">
                  <div class="label l1">
                    商品
                  </div>
                  <div class="label">
                    数量
                  </div>
                </div>
                <!-- 商品项 1 -->
                <div class="overflow-yscroll h100">
                  <div class="cart-item">
                    <div class="item-checkbox">
                      <input type="checkbox" class="checkbox-input">
                    </div>
                    <div class="item-image">
                      <!-- <img src="./image/product1.png" alt=""> -->
                      <div class="img"></div>
                    </div>
                    <div class="item-info">
                      <div class="product-name">HSD51.2-02C5L</div>
                      <div class="product-spec">LFP-100Ah | 5.1kWh | 51.2V</div>
                    </div>
                    <div class="item-quantity">
                      <button class="quantity-btn minus">−</button>
                      <div class="number">1</div>
                      <button class="quantity-btn plus">+</button>
                    </div>
                    <div class="item-delete">
                      <i class="iconfont icon-shanchu "></i>
                    </div>
                  </div>
                  <div class="cart-item">
                    <div class="item-checkbox">
                      <input type="checkbox" class="checkbox-input">
                    </div>
                    <div class="item-image">
                      <!-- <img src="./image/product1.png" alt=""> -->
                      <div class="img"></div>
                    </div>
                    <div class="item-info">
                      <div class="product-name">HSD51.2-02C5L</div>
                      <div class="product-spec">LFP-100Ah | 5.1kWh | 51.2V</div>
                    </div>
                    <div class="item-quantity">
                      <button class="quantity-btn minus">−</button>
                      <div class="number">1</div>
                      <button class="quantity-btn plus">+</button>
                    </div>
                    <div class="item-delete">
                      <i class="iconfont icon-shanchu "></i>
                    </div>
                  </div>
                  <div class="cart-item">
                    <div class="item-checkbox">
                      <input type="checkbox" class="checkbox-input">
                    </div>
                    <div class="item-image">
                      <!-- <img src="./image/product1.png" alt=""> -->
                      <div class="img"></div>
                    </div>
                    <div class="item-info">
                      <div class="product-name">HSD51.2-02C5L</div>
                      <div class="product-spec">LFP-100Ah | 5.1kWh | 51.2V</div>
                    </div>
                    <div class="item-quantity">
                      <button class="quantity-btn minus">−</button>
                      <div class="number">1</div>
                      <button class="quantity-btn plus">+</button>
                    </div>
                    <div class="item-delete">
                      <i class="iconfont icon-shanchu "></i>
                    </div>
                  </div>
                  <div class="cart-item">
                    <div class="item-checkbox">
                      <input type="checkbox" class="checkbox-input">
                    </div>
                    <div class="item-image">
                      <!-- <img src="./image/product1.png" alt=""> -->
                      <div class="img"></div>
                    </div>
                    <div class="item-info">
                      <div class="product-name">HSD51.2-02C5L</div>
                      <div class="product-spec">LFP-100Ah | 5.1kWh | 51.2V</div>
                    </div>
                    <div class="item-quantity">
                      <button class="quantity-btn minus">−</button>
                      <div class="number">1</div>
                      <button class="quantity-btn plus">+</button>
                    </div>
                    <div class="item-delete">
                      <i class="iconfont icon-shanchu "></i>
                    </div>
                  </div>
                  <div class="cart-item">
                    <div class="item-checkbox">
                      <input type="checkbox" class="checkbox-input">
                    </div>
                    <div class="item-image">
                      <!-- <img src="./image/product1.png" alt=""> -->
                      <div class="img"></div>
                    </div>
                    <div class="item-info">
                      <div class="product-name">HSD51.2-02C5L</div>
                      <div class="product-spec">LFP-100Ah | 5.1kWh | 51.2V</div>
                    </div>
                    <div class="item-quantity">
                      <button class="quantity-btn minus">−</button>
                      <div class="number">1</div>
                      <button class="quantity-btn plus">+</button>
                    </div>
                    <div class="item-delete">
                      <i class="iconfont icon-shanchu "></i>
                    </div>
                  </div>
                </div>


              </div>
              <div class="btn-b">
                <div class="btn-b-1">
                  继续加购
                </div>
                <div class="btn-b-2">
                  提交获取在线服务
                </div>
              </div>
            </div>
          </div>
          <div class="gx-card    user-card " style="display: none;">
            <div class="user-card-title fs-20">
              意向清单
            </div>
            <div class="accordion p-l-r-20">
              <div class="label-box">
                <div class="label l3">
                  商品
                </div>
                <div class="l4 label">
                  <div class="label l2">
                    订单数量
                  </div>
                  <div class="label l2">
                    订单日期
                  </div>
                </div>
              </div>
              <div class="overflow-yscroll">

                <div class="cart-item accordion-t">
                  <div class="item-image">
                    <div class="img"></div>
                  </div>
                  <div class="item-info">
                    <div class="product-name">HSD51.2-02C5L</div>

                  </div>
                  <div class="item-number">
                    <div class="product-number">50</div>

                  </div>
                  <div class="item-dete">
                    <div class="product-dete">2024-10-10</div>
                  </div>
                  <div class="item-tool">
                    <img src="./image/icon/个人中心 –意向清单_slices/组 34560.png" alt="" style="display: none;">
                    <img src="./image/icon/个人中心 –意向清单_slices/组 34561.png" alt="">
                  </div>
                </div>
                <div class="box accordion-b" style="display: none;">
                  <div class="acc-item">
                    <div class="item-image">
                      <div class="img"></div>
                    </div>
                    <div class="item-info">
                      <div class="product-name">HSD51.2-02C5L</div>

                    </div>
                    <div class="item-number">
                      <div class="product-number">50</div>

                    </div>
                  </div>
                </div>
                <div class="cart-item accordion-t">
                  <div class="item-image">
                    <div class="img"></div>
                  </div>
                  <div class="item-info">
                    <div class="product-name">HSD51.2-02C5L</div>

                  </div>
                  <div class="item-number">
                    <div class="product-number">50</div>

                  </div>
                  <div class="item-dete">
                    <div class="product-dete">2024-10-10</div>
                  </div>
                  <div class="item-tool">
                    <img src="./image/icon/个人中心 –意向清单_slices/组 34560.png" alt="" style="display: none;">
                    <img src="./image/icon/个人中心 –意向清单_slices/组 34561.png" alt="">
                  </div>
                </div>
                <div class="box accordion-b" style="display: none;">
                  <div class="acc-item">
                    <div class="item-image">
                      <div class="img"></div>
                    </div>
                    <div class="item-info">
                      <div class="product-name">HSD51.2-02C5L</div>

                    </div>
                    <div class="item-number">
                      <div class="product-number">50</div>

                    </div>
                  </div>
                </div>
                <div class="cart-item accordion-t">
                  <div class="item-image">
                    <div class="img"></div>
                  </div>
                  <div class="item-info">
                    <div class="product-name">HSD51.2-02C5L</div>

                  </div>
                  <div class="item-number">
                    <div class="product-number">50</div>

                  </div>
                  <div class="item-dete">
                    <div class="product-dete">2024-10-10</div>
                  </div>
                  <div class="item-tool">
                    <img src="./image/icon/个人中心 –意向清单_slices/组 34560.png" alt="" style="display: none;">
                    <img src="./image/icon/个人中心 –意向清单_slices/组 34561.png" alt="">
                  </div>
                </div>
                <div class="box accordion-b" style="display: none;">
                  <div class="acc-item">
                    <div class="item-image">
                      <div class="img"></div>
                    </div>
                    <div class="item-info">
                      <div class="product-name">HSD51.2-02C5L</div>

                    </div>
                    <div class="item-number">
                      <div class="product-number">50</div>

                    </div>
                  </div>
                </div>
                <div class="cart-item accordion-t">
                  <div class="item-image">
                    <div class="img"></div>
                  </div>
                  <div class="item-info">
                    <div class="product-name">HSD51.2-02C5L</div>

                  </div>
                  <div class="item-number">
                    <div class="product-number">50</div>

                  </div>
                  <div class="item-dete">
                    <div class="product-dete">2024-10-10</div>
                  </div>
                  <div class="item-tool">
                    <img src="./image/icon/个人中心 –意向清单_slices/组 34560.png" alt="" style="display: none;">
                    <img src="./image/icon/个人中心 –意向清单_slices/组 34561.png" alt="">
                  </div>
                </div>
                <div class="box accordion-b" style="display: none;">
                  <div class="acc-item">
                    <div class="item-image">
                      <div class="img"></div>
                    </div>
                    <div class="item-info">
                      <div class="product-name">HSD51.2-02C5L</div>

                    </div>
                    <div class="item-number">
                      <div class="product-number">50</div>

                    </div>
                  </div>
                </div>
                <div class="cart-item accordion-t">
                  <div class="item-image">
                    <div class="img"></div>
                  </div>
                  <div class="item-info">
                    <div class="product-name">HSD51.2-02C5L</div>

                  </div>
                  <div class="item-number">
                    <div class="product-number">50</div>

                  </div>
                  <div class="item-dete">
                    <div class="product-dete">2024-10-10</div>
                  </div>
                  <div class="item-tool">
                    <img src="./image/icon/个人中心 –意向清单_slices/组 34560.png" alt="" style="display: none;">
                    <img src="./image/icon/个人中心 –意向清单_slices/组 34561.png" alt="">
                  </div>
                </div>
                <div class="box accordion-b" style="display: none;">
                  <div class="acc-item">
                    <div class="item-image">
                      <div class="img"></div>
                    </div>
                    <div class="item-info">
                      <div class="product-name">HSD51.2-02C5L</div>

                    </div>
                    <div class="item-number">
                      <div class="product-number">50</div>

                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="gx-card    user-card " style="display: none;">
            <div class="user-card-title fs-20">
              浏览记录
            </div>
            <!-- 浏览记录 -->
            <div class="user-record p-l-r-20">
              <div class="record-item">
                <div class="record-date">
                  今天 10月20日
                </div>
                <div class="record-list ">
                  <div class="record-list-item  ">
                    <div class="record-list-item-img">
                      <img src="./image/sb/蒙版组 60.png" alt="" class="
                        img"></img>
                    </div>
                    <div class="record-list-item-font">
                      HSD51.2-02C5L
                    </div>
                  </div>
                  <div class="record-list-item ">
                    <div class="record-list-item-img">
                      <img src="./image/sb/蒙版组 60.png" alt="" class="
                        img"></img>
                    </div>
                    <div class="record-list-item-font">
                      HSD51.2-02C5L
                    </div>
                  </div>
                  <div class="record-list-item ">
                    <div class="record-list-item-img">
                      <img src="./image/sb/蒙版组 60.png" alt="" class="
                        img"></img>
                    </div>
                    <div class="record-list-item-font">
                      HSD51.2-02C5L
                    </div>
                  </div>
                  <div class="record-list-item ">
                    <div class="record-list-item-img">
                      <img src="./image/sb/蒙版组 60.png" alt="" class="
                        img"></img>
                    </div>
                    <div class="record-list-item-font">
                      HSD51.2-02C5L
                    </div>
                  </div>
                  <div class="record-list-item ">
                    <div class="record-list-item-img">
                      <img src="./image/sb/蒙版组 60.png" alt="" class="
                        img"></img>
                    </div>
                    <div class="record-list-item-font">
                      HSD51.2-02C5L
                    </div>
                  </div>
                  <div class="record-list-item ">
                    <div class="record-list-item-img">
                      <img src="./image/sb/蒙版组 60.png" alt="" class="
                        img"></img>
                    </div>
                    <div class="record-list-item-font">
                      HSD51.2-02C5L
                    </div>
                  </div>
                  <div class="record-list-item ">
                    <div class="record-list-item-img">
                      <img src="./image/sb/蒙版组 60.png" alt="" class="
                        img"></img>
                    </div>
                    <div class="record-list-item-font">
                      HSD51.2-02C5L
                    </div>
                  </div>
                  <div class="record-list-item ">
                    <div class="record-list-item-img">
                      <img src="./image/sb/蒙版组 60.png" alt="" class="
                        img"></img>
                    </div>
                    <div class="record-list-item-font">
                      HSD51.2-02C5L
                    </div>
                  </div>
                  <div class="record-list-item ">

                  </div>
                </div>
              </div>

            </div>
          </div>
        </div>
      </div>
    </div>

  </div>

</body>
<script src="/js/personalCenter.js"></script>
<script src="/js/index.js"></script>
<script src="/js/bootstrap.js"></script>
<script src="/js/header.js"></script>

</html>
<script>
  $(function () {

    let flag = false;
    $('.accordion-t').click(function () {
      var index = $(this).index();
      $(this).next().slideToggle(800);
      // 获取this下的item-tool元素
      var itemTool = $(this).find('.item-tool');
      if (flag) {
        itemTool.find('img').eq(1).css('display', 'block');
        itemTool.find('img').eq(0).css('display', 'none');
        flag = false;
      } else {

        itemTool.find('img').eq(1).css('display', 'none');
        itemTool.find('img').eq(0).css('display', 'block');
        flag = true;
      }

    })
  });

</script>